模組化 (Module):require 和 export


Posted by fang on 2020-06-19

require 是使用他人已經寫好的 module;
export 則是自己的 module 給別人使用,或自己的其他專案使用;
未來常用的 function 可以採用此方式存取,將宣告集中在同一個地方。


require

var 命名 module 名稱 = require('module 名稱')

如果是自己寫的 module,因為是存在本地端,所以會有一點不同

var 命名 module 名稱 = require('./module 名稱.js')

如果把.js省略也可以,系統會自己尋找適當的檔案引入。


exports

第一種相對直覺,未來可能會比較常用:

function 函數名稱(n){
    ...
}

module.exports = module名稱

第二種的引入之後輸出會是物件,所以要記得釐清資料型態:

function 函數名稱(n){
    ...
}

exports.module名稱 = 函數名稱

實際測試

練習自己引用自己的函數模組
首先 export:

再進行 require:

最後執行出:

成功~


#module #模組化







Related Posts

版本控制 - GitHub實作

版本控制 - GitHub實作

原始型別 與 物件型別

原始型別 與 物件型別

有空的話來學一下 Tailwind CSS - Week 4

有空的話來學一下 Tailwind CSS - Week 4


Comments